<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> Microsoft365 Surface</title>
    <!-- 引入favicon图标 -->
    <link rel="shortcut icon" href="../ico/favicon.ico" />
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/surface.css">
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <link rel="stylesheet" href="../fonts/fonts2/iconfont.css">
    <link rel="stylesheet" href="../fonts/fonts2/iconfont.css">

</head>

<body>
    <!-- 头部区 -->
    <header class="maxmain content">
        <div class="maxmain nav por">
            <div class="inp">
                <div class="close">
                    <i class="iconfont icon-jiantou-zuo"></i>
                </div>
                <input type="text" placeholder="在 Microsoft.com 中搜索">
                <i class="iconfont icon-weibiaoti-"></i>
                <button class="btn2">
                    取消
                </button>
            </div>
            <div class="logo">
                <h1>
                    <a href="../index.html" title="Microsoft">
                        <img src="../img/RE1Mu3b.png" alt="">
                    </a>
                </h1>
            </div>
            <ul class="list-wrap">
                <li><a href="javascript:;">|</a></li>
                <li><a href="javascript:;">
                        Surface
                    </a>
                </li>
                <!-- <li class="buy_now"><a href="javascript:;">立即购买</a></li> -->
                <!-- <li class="li4"><a href="javascript:;">Surface</a></li>
                <li class="li3"><a href="javascript:;">Xbox</a></li>
                <li class="li1"><a href="javascript:;">优惠</a></li>
                <li class="li1"><a href="javascript:;">支持</a></li>
                <li class="moreselect  por" id="more1">
                    <a href="javascript:;">更多</a>
                    <ul class="ulshow">
                        <li><a href="javascript:;">优惠</a></li>
                        <li><a href="javascript:;">支持</a></li>
                    </ul>
                </li>
                <li class="moreselect  por" id="more2">
                    <a href="javascript:;">更多</a>
                    <ul class="ulshow">
                        <li><a href="javascript:;">优惠</a></li>
                        <li><a href="javascript:;">支持</a></li>
                        <li><a href="javascript:;">Xbox</a></li>
                    </ul>
                </li>
                <li class="moreselect  por" id="more3">
                    <a href="javascript:;">更多</a>
                    <ul class="ulshow">
                        <li><a href="javascript:;">优惠</a></li>
                        <li><a href="javascript:;">支持</a></li>
                        <li><a href="javascript:;">Xbox</a></li>
                        <li><a href="javascript:;">Surface</a></li>
                    </ul>
                </li> -->
            </ul>
            <!-- 搜索 -->
            <div class="menu cursor">
                <span>
                    <button class="btn">所有的 Microsoft</button>
                </span>
                <div class="nav_min">
                    <!-- 更多 -->
                    <i class="iconfont icon-gengduo"></i>
                </div>
                <div class="menu_list listshow">
                    <dl>
                        <dt>软件</dt>
                        <dd><a href="javascript:;">Windows 应用</a></dd>
                        <dd><a href="javascript:;">OneDrive</a></dd>
                        <dd><a href="javascript:;">Outlook</a></dd>
                        <dd><a href="javascript:;">Skype</a></dd>
                        <dd><a href="javascript:;">OneNote</a></dd>
                        <dd><a href="javascript:;">Microsoft</a></dd>
                    </dl>
                    <dl>
                        <dt>pc和设备</dt>
                        <dd><a href="javascript:;">购买 Xbox</a></dd>
                        <dd><a href="javascript:;">pc 和平板电脑</a></dd>
                        <dd><a href="javascript:;">配件</a></dd>
                    </dl>
                    <dl>
                        <dt>娱乐</dt>
                        <dd><a href="javascript:;">Xbox 与游戏</a></dd>
                        <dd><a href="javascript:;">pc 游戏</a></dd>
                    </dl>
                    <dl>
                        <dt>企业版</dt>
                        <dd><a href="javascript:;">Microsoft Azure</a></dd>
                        <dd><a href="javascript:;">Microsoft 365</a></dd>
                        <dd><a href="javascript:;">Microsoft industry</a></dd>
                        <dd><a href="javascript:;">数据平台</a></dd>
                        <dd><a href="javascript:;">Power Platform</a></dd>
                        <dd><a href="javascript:;">购买商业版</a></dd>
                    </dl>
                    <dl>
                        <dt>开发人员与IT</dt>
                        <dd><a href="javascript:;">NET</a></dd>
                        <dd><a href="javascript:;">Visual Studio</a></dd>
                        <dd><a href="javascript:;">Windows Server</a></dd>
                        <dd><a href="javascript:;">开发 Windows应用</a></dd>
                        <dd><a href="javascript:;">文档</a></dd>
                        <dd><a href="javascript:;">Power Apps</a></dd>
                    </dl>
                    <dl>
                        <dt>其他</dt>
                        <dd><a href="javascript:;">免费下载与安全性</a></dd>
                        <dd><a href="javascript:;">教育</a></dd>
                    </dl>
                    <div class="map">
                        <a href="javascript:;">查看站点地图</a>
                    </div>
                </div>
                <div class="search por ">
                    <button class="open btn"><a>搜索</a></button>
                    <i class="iconfont icon-weibiaoti-"></i>
                </div>

            </div>
            <!-- 登录 -->
            <div class="info cursor">
                <!-- <a href="shopcar.html">
                    <span>购物车</span>
                    <i class="iconfont icon-gouwuche"></i>
                </a> -->
                <a href="login.html">
                    <span>登录</span>
                    <i class="iconfont icon-user"></i>
                </a>
            </div>
            <div class="nav_list navshow poa">
                <ul>
                    <!-- <li><a href="javascript:;">Microsoft 365</a></li>
                    <li><a href="javascript:;">Office</a></li>
                    <li><a href="javascript:;">Windows</a></li>
                    <li><a href="javascript:;">Surface</a></li>
                    <li><a href="javascript:;">Xbox</a></li>
                    <li><a href="javascript:;">优惠</a></li>
                    <li><a href="javascript:;">支持</a></li> -->
                    <li class="select">
                        <a href="javascript:;">软件</a>
                        <ul class="show">
                            <li><a href="javascript:;">Windows 应用</a> </li>
                            <li><a href="javascript:;">OneDrive</a></li>
                            <li><a href="javascript:;">Outlook</a></li>
                            <li><a href="javascript:;">Skype</a></li>
                            <li><a href="javascript:;">OneNote</a></li>
                            <li><a href="javascript:;">Microsoft Teams</a> </li>
                        </ul>
                        <div class="select_icon">
                            <i class="iconfont icon-jiantoudown"></i>
                        </div>
                    </li>
                    <li class="select">
                        <a href="javascript:;">PC 和设备</a>
                        <ul class="show">
                            <li><a href="javascript:;">Teams</a></li>
                            <li><a href="javascript:;">PC 和平板电脑</a></li>
                            <li><a href="javascript:;">配件</a> </li>
                        </ul>
                        <div class="select_icon">
                            <i class="iconfont icon-jiantoudown"></i>
                        </div>
                    </li>
                    <li class="select">
                        <a href="javascript:;">娱乐</a>
                        <ul class="show">
                            <li><a href="javascript:;">Xbox 与游戏</a></li>
                            <li><a href="javascript:;">pc 游戏</a></li>
                        </ul>
                        <div class="select_icon">
                            <i class="iconfont icon-jiantoudown"></i>
                        </div>
                    </li>
                    <li class="select">
                        <a href="javascript:;">企业版</a>
                        <ul class="show">
                            <li><a href="javascript:;">Microsoft Azure</a></li>
                            <li><a href="javascript:;">Microsoft 365</a></li>
                            <li><a href="javascript:;">Microsoft industry</a></li>
                            <li><a href="javascript:;">数据平台</a></li>
                            <li><a href="javascript:;">Power Platform</a></li>
                            <li><a href="javascript:;">购买商业版</a></li>
                        </ul>
                        <div class="select_icon">
                            <i class="iconfont icon-jiantoudown"></i>
                        </div>
                    </li>
                    <li class="select">
                        <a href="javascript:;">开发人员与IT</a>
                        <ul class="show">
                            <li><a href="javascript:;">NET</a></li>
                            <li><a href="javascript:;">Visual Studio</a></li>
                            <li><a href="javascript:;">Windows Server</a></li>
                            <li><a href="javascript:;">开发 Windows应用</a></li>
                            <li><a href="javascript:;">文档</a></li>
                            <li><a href="javascript:;">Power Apps</a></li>
                        </ul>
                        <div class="select_icon">
                            <i class="iconfont icon-jiantoudown"></i>
                        </div>
                    </li>
                    <li><a href="javascript:;">查看站点地图</a></li>
                </ul>
            </div>
        </div>

    </header>
    <!-- 内容区 -->
    <div class="main">
        <div class="bgbar">
            <img src="../img/surface/Surface_bg.jpg" alt="">
            <div class="bgbar_content">
                <span>
                    查看新功能
                </span>
                <h2>
                    外观时尚，性能出众
                </h2>
                <p>
                    集时尚设计与强劲性能于一体，可提供沉浸式音效和高清视频通话，具有色彩亮丽的触控屏，助力您完成所有工作。提供两种可选尺寸以及两种键盘饰面。
                </p>
                <a href="javascript:;">
                    <span>
                        <strong>尽在</strong>SURFACE LAPTOP 4
                    </span>
                    <i class="iconfont icon-jiantou"></i>
                </a>
            </div>
        </div>
        <div class="iconbar content">
            <ul>
                <li>
                    <div class="ic">
                        <img src="../img/surface/Surface_icon1.svg" alt="">
                    </div>
                    <p>
                        比较设备
                    </p>
                </li>
                <li>
                    <div class="ic">
                        <img src="../img/surface/Surface_icon2.svg" alt="">
                    </div>
                    <p>
                        帮我选择
                    </p>
                </li>
                <li>
                    <div class="ic">
                        <img src="../img/surface/Surface_icon3.svg" alt="">
                    </div>
                    <p>
                        配件
                    </p>
                </li>
                <li>
                    <div class="ic">
                        <img src="../img/surface/Surface_icon4.svg" alt="">
                    </div>
                    <p>
                        优惠活动
                    </p>
                </li>
                <li>
                    <div class="ic">
                        <img src="../img/surface/Surface_icon5.svg" alt="">
                    </div>
                    <p>
                        适用于商业领域
                    </p>
                </li>
            </ul>
        </div>
        <div class="activity content">
            <div class="acImg">
                <img src="../img/surface/RE4GyKc.png" alt="">
            </div>
            <div class="acInfo">
                <h4>
                    <span>618</span> 钜惠即将开启，指定 Surface 星品现货直降 <span>8 </span><br> 折起
                </h4>
                <p>
                    购指定机型赠限量好礼，享24期分期和30天保价！
                </p>
            </div>
            <a href="javascript:;">
                立即购买
            </a>
        </div>
        <div class="surplay">
            <h4>
                Surface 方便远程工作
            </h4>
            <p>
                无论是家庭办公室、餐桌，还是起居室沙发，Surface 都能轻松驾驭，高分辨率触控屏搭配 Dolby® Audio™ 带来
            </p>
            <p>
                音乐和节目盛宴，高清摄像头促进彼此联系，Windows 系统性能一如既往。
            </p>
        </div>
        <div class="goodsList clearfix">
            <div class="goods">
                <div class="list">
                    <img src="../img/surface/Surface_Home1.jpg" alt="">
                    <div class="listInfo">
                        <span>
                            全新产品
                        </span>
                        <h4>
                            Surface Laptop 4
                        </h4>
                        <p>
                            纤巧时尚，13.5 英寸或 15 英寸触控屏
                        </p>
                        <div class="nowBuy">
                            <a href="javascript:;">
                                <span>
                                    <strong>浏览</strong> SURFACE LAPTOP 4
                                </span>
                                <i class="iconfont icon-jiantou"></i>
                            </a>
                            <a href="javascript:;">
                                <span>
                                    立即预定
                                </span>
                                <i class="iconfont icon-jiantou"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="list">
                    <img src="../img/surface/Surface_Home2.png" alt="">
                    <div class="listInfo">
                        <!-- <span>
                            全新产品
                        </span> -->
                        <h4>
                            Surface Pro 7
                        </h4>
                        <p>
                            12.3 英寸触控屏，具有平板电脑到笔记本电脑的多种工作模式
                        </p>
                        <div class="nowBuy">
                            <a href="javascript:;">
                                <span>
                                    <strong>浏览</strong> Surface Pro 7
                                </span>
                                <i class="iconfont icon-jiantou"></i>
                            </a>
                            <a href="javascript:;">
                                <span>
                                    立即购买
                                </span>
                                <i class="iconfont icon-jiantou"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="goods">
                <div class="list">
                    <img src="../img/surface/Surface_Home3.jpg" alt="">
                    <div class="listInfo">
                        <!-- <span>
                            全新产品
                        </span> -->
                        <h4>
                            Surface Laptop Go
                        </h4>
                        <p>
                            纤巧时尚，13.5 英寸或 15 英寸触控屏
                        </p>
                        <div class="nowBuy">
                            <a href="javascript:;">
                                <span>
                                    <strong>浏览</strong> Surface Laptop Go
                                </span>
                                <i class="iconfont icon-jiantou"></i>
                            </a>
                            <a href="javascript:;">
                                <span>
                                    立即购买
                                </span>
                                <i class="iconfont icon-jiantou"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="list">
                    <img src="../img/surface/Surface_Home4.jpg" alt="">
                    <div class="listInfo">
                        <!-- <span>
                            全新产品
                        </span> -->
                        <h4>
                            Surface Go 2
                        </h4>
                        <p>
                            最小最轻的 Surface, 配备 10.5 英寸触控屏
                        </p>
                        <div class="nowBuy">
                            <a href="javascript:;">
                                <span>
                                    <strong>浏览</strong> Surface Go 2
                                </span>
                                <i class="iconfont icon-jiantou"></i>
                            </a>
                            <a href="javascript:;">
                                <span>
                                    立即预定
                                </span>
                                <i class="iconfont icon-jiantou"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="goods">
                <div class="list">
                    <img src="../img/surface/Surface_Home5.jpg" alt="">
                    <div class="listInfo">
                        <!-- <span>
                            全新产品
                        </span> -->
                        <h4>
                            Surface Book 3
                        </h4>
                        <p>
                            我们功能最强大的 13.5 英寸或 15 英寸触摸屏笔记本
                        </p>
                        <div class="nowBuy">
                            <a href="javascript:;">
                                <span>
                                    <strong>浏览</strong> Surface Book 3
                                </span>
                                <i class="iconfont icon-jiantou"></i>
                            </a>
                            <a href="javascript:;">
                                <span>
                                    立即预定
                                </span>
                                <i class="iconfont icon-jiantou"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="list">
                    <img src="../img/surface/Surface_Home6.jpg" alt="">
                    <div class="listInfo">
                        <!-- <span>
                            全新产品
                        </span> -->
                        <h4>
                            Surface Pro X
                        </h4>
                        <p>
                            拥有 LTE 连接功能和 13 英寸窄边框触控屏的二合一笔记本电脑
                        </p>
                        <div class="nowBuy">
                            <a href="javascript:;">
                                <span>
                                    <strong>浏览</strong> Surface Pro X
                                </span>
                                <i class="iconfont icon-jiantou"></i>
                            </a>
                            <a href="javascript:;">
                                <span>
                                    立即预定
                                </span>
                                <i class="iconfont icon-jiantou"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="brand">
            <h4>
                生而破界 耀原创
            </h4>
            <p>
                全新 Surface Laptop 4
            </p>
            <a href="javascript:;">
                <span>
                   立即购买 
                </span>
                <i class="iconfont icon-jiantou"></i>
            </a>
        </div>
        <div class="spokesperson">
            <img src="../img/surface/1920_Panel01_Hero_ASMarkets.jpg" alt="">
        </div>
        <div class="tips">
            <p>
                * 部分配件和软件另售。查看各产品页面了解详情。
            </p>

        </div>
    </div>
    <!-- 底部区 -->
    <div class="footer">
        <!-- 底部介绍 -->
        <div class="footer_nav clearfix maxmain">
            <div class="footer_nav_1 fl">
                <dl>
                    <dt class="mt">新增内容</dt>
                    <dd><a href="javascript:;">Microsoft 365</a></dd>
                    <dd><a href="javascript:;">Surface Pro 6</a>
                    <dd><a href="javascript:;">Surface Laptop 2</a> </dd>
                    <dd><a href="javascript:;">Surface Go</a></dd>
                    <dd><a href="javascript:;">Windows 10应用程序</a>
                </dl>
                <dl>
                    <dt>Microsoft Store
                    <dd><a href="javascript:;">账户个人资料</a></dd>
                    <dd><a href="javascript:;">下载中心</a></dd>
                    <dd><a href="javascript:;">订单跟踪</a></dd>
                </dl>
                <dl>
                    <dt>教育</dt>
                    <dd><a href="javascript:;">Microsoft 教育领域</a></dd>
                    <dd><a href="javascript:;">适合学生的Office</a></dd>
                    <dd><a href="javascript:;">适用于学校的 Microsoft 365</a> </dd>
                    <dd><a href="javascript:;">Microsoft Azure</a></dd>
                    <dd><a href="javascript:;">Windows 10应用程序</a> </dd>
                </dl>
            </div>
            <div class="footer_nav_1 mt fl">
                <dl>
                    <dt>企业</dt>
                    <dd><a href="javascript:;">Azure</a></dd>
                    <dd><a href="javascript:;">AppSource</a></dd>
                    <dd><a href="javascript:;">汽车</a></dd>
                    <dd><a href="javascript:;">政府机构</a></dd>
                    <dd><a href="javascript:;">医疗保健</a></dd>
                    <dd> <a href="javascript:;">制造业</a> </dd>
                    <dd><a href="javascript:;">金融服务</a></dd>
                    <dd><a href="javascript:;">零售业</a></dd>
                </dl>
                <dl>
                    <dt>开发人员</dt>
                    <dd><a href="javascript:;">Microsoft Visual Studio</a></dd>
                    <dd><a href="javascript:;">Windows 开发人员中心</a> </dd>
                    <dd><a href="javascript:;">开发人员中心</a></dd>
                    <dd><a href="javascript:;">Microsoft 开发人员计划</a> </dd>
                    <dd> <a href="javascript:;">第9频道</a></dd>
                    <dd> <a href="javascript:;">Office 开发人员中心</a> </dd>
                </dl>
                <dl>
                    <dt>公司</dt>
                    <dd> <a href="javascript:;">招贤纳士</a> </dd>
                    <dd> <a href="javascript:;">关于 Microsoft</a> </dd>
                    <dd> <a href="javascript:;">公司新闻</a> </dd>
                    <dd> <a href="javascript:;">Microsoft 隐私</a> </dd>
                    <dd> <a href="javascript:;">投资人</a> </dd>
                    <dd> <a href="javascript:;">安全性</a> </dd>
                </dl>
            </div>
        </div>
        <div class="info clearfix">
            <a href="javascript:;" class="fl">
                作者介绍
                <i class="iconfont icon-diqiu"></i>
            </a>
            <ul class="fr">
                <li>姓名:不可说</li>
                <li>性别:男 </li>
                <li>年龄:110</li>
                <li>身高:119</li>
                <li>电话:13949596979</li>
                <li>身份证号码:110119110119</li>
                <li>date:20210416</li>
            </ul>
        </div>
    </div>
    <script src="../js/common.js"></script>
    <!-- <script src="../js/shopcar.js"></script> -->

</body>

</html>